*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 26.666vw;
    box-sizing: border-box;
}
body{
    background-color: #000000;
    font-size: 0.16rem;
}
a{
    text-decoration: none;
    color: white;
    font-size: 0.16rem;
}
header{
    width: 3.55rem;
    height: 0.45rem;
    padding: 0 0.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    color: white;
    background-color: black;
}
header>.left>a{
    width: 0.65rem;
    height: 0.242rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header>.right{
    width: 0.514rem;
    height: 0.162rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header>.left>a>img{
    width: 0.1rem;
    height: 0.165rem;
}
header>.right>img:nth-child(1){
    width: 0.15rem;
    height: 0.165rem;
}
header>.right>img:nth-child(2){
    width: 0.21rem;
    height: 0.04rem;
}
nav{
    overflow: hidden;
    position: relative;
    color: white;
    font-size: 0.168rem;
    height: 1rem;
    padding-top: 0.1rem;
    background-color: black;
}
nav>.top{
    height: 0.253rem;
    margin-left: 0.2rem;
    display: flex;
}
nav>.top>p{
    margin-left: 0.1rem;
}
nav>.bottom{
    height: 0.54rem;
    margin-top: 0.1rem;
    margin-left: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
nav>.bottom>p{
    font-size: 0.12rem;
    height: 0.18rem;
    width: 100%;
}
.s1{
    margin-right: 0.1rem;
}
nav>.time{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0.15rem;
    right: -0.13rem;
    width: 0.8rem;
    height: 0.2rem;
    padding: 0.0488rem ;
    background-color: #23ac38;
    border-radius: 0.15rem;
}
nav>.time>img{
    margin-left: 0.11rem;
    width: 0.2rem;
    height: 0.2rem;
}
nav>.time>p{
    font-size: 0.131rem;
    color: white;
}
body>section{
    width: 3.75rem;
    height: 2.12rem;
    /* padding-bottom: 0.5rem; */
    font-size: 0.16rem;
    /* box-sizing: border-box; */
}
body>section>div{
    width: 3.55rem;
    height: 0.2rem;
    padding: 0.1rem;
    /* margin-top: 0.1rem; */
    background-color: #313030;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.13rem;
}
section>div>img:nth-child(1){
    width: 0.16rem;
}
section>div>img:nth-child(3){
    width: 0.071rem;
}
section>div>p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3.1rem;
    color: white;
}
section>div:nth-child(3)>p>span:nth-child(2){
    color: #f73171;
}
section>section:nth-of-type(1){
    height: 0.4rem;
    padding: 0.1rem;
    margin: 0.15rem 0 ;
    background-color: #313030;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
}
section>section>.left>img{
    width: 0.23rem;
    padding: 0 !important;
}
section>.center{
    color: white;
    width: 1.51rem;
    height: 0.4rem;
    margin-left: 0.1rem;
    padding: 0 !important;
    margin-right: 0.8rem;
}
section>section>.center>p:nth-child(2){
    font-size: 0.12rem;
}
.right{
    height: 0.2rem;
    padding: 0 !important;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right>p{
    font-size: 0.13rem;
}
.right>img{
    width: 0.071rem;
    margin-left: 0.1rem;
    margin-top: 0.02rem;
}
.left{
    padding: 0 !important;
}
footer{
    height: 3.157rem;
    padding: 0.1rem;
    margin-bottom: 1rem;
    font-size: 0.16rem;
    color: white;
    background-color: #313030;
}
footer>div:nth-child(1){
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.13rem;
}
footer>div:nth-child(2){
    height: 0.89rem;
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
}
footer>div:nth-child(3){
    height: 0.89rem;
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
}
footer>div:nth-child(4){
    height: 0.89rem;
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
}
footer .left{
    width: 1.09rem;
    height: 0.825rem;
}
footer>div>.left>img{
    width: 1.09rem;
}
footer>div>.right1{
    width: 1.5rem;
    height: 0.885rem;
    margin-left: 0.1rem;
    font-size: 0.138rem;
    color: white;
}
footer>div>.right1>p:nth-child(3){
    font-size: 0.12rem;
    color: #b3b3b3;
}
footer>div>.right1>div:nth-child(2){
    width: 1.5rem;
    height: 0.18rem;
    margin-top: 0.06rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer>div>.right1>div:nth-child(4){
    width: 1.5rem;
    height: 0.24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right1>div:nth-child(2)>img{
    width: 0.153rem;
}
.right1>div:nth-child(2)>p{
    font-size: 0.12rem;
    color: #f73171;
}
.d1>p{
    font-size: 0.131rem;
    color: #f73171;
}
.d1>div{
    width: 0.6rem;
    height: 0.24rem;
}
.d1>div>p:nth-child(1){
    width: 0.15rem;
    height: 0.15rem;
    line-height: 0.15rem;
    color: #000;
    background-color: #fff;
    display: flex;
    align-self: center;
    justify-content: center;
    border-radius: 0.012rem;
}
.d1>div>p:nth-child(2){
    margin: 0 0.1rem;
    height: 0.24rem;
    margin-top: 0.05rem;
}
.d1>div>p:nth-child(3){
    width: 0.16rem;
    height: 0.16rem;
    line-height: 0.15rem;
    color: white;
    background-color: #f73171;
    display: flex;
    align-self: center;
    justify-content: center;
    border-radius: 0.012rem;
    margin-top: 0.01rem;
}
.d1>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guding{
    background-color: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 3.55rem;
    height: 0.8rem;
    padding: 0.05rem 0.1rem ;
    font-size: 0.16rem;
}
.guding>div{
    height: 0.24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.16rem;
}
.left3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 0.8rem;
    height: 0.24rem;
}
.left3>img{
    width: 0.09rem;
    height: .056rem;
    margin-top: 0.02rem;
}
.right3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1.06rem;
    height: 0.24rem;
}
.right3>img{
    width: 0.09rem;
    height: 0.056rem;
    margin-top: 0.02rem;
    margin-left: 0.07rem;
}
.left3>p{
    font-size: 0.131rem;
    color: white;
}
.right3>p:nth-child(1){
    width: 0.4rem;
    font-size: 0.131rem;
    color: white;
}
.right3>p:nth-child(2){
    font-size: 0.161rem;
    color: #f73171;
}
.guding>a>button{
    width: 100%;
    height: 0.424rem;
    margin-top: 0.05rem;
    background-color: #38c566;
    border: none;
    border-radius: 0.2rem;
    text-align: center;
    color: white;
    
}